{include file='index/header.html'}

<!-- 主体 -->
<div class="container">
    <div class="row">
        <!-- 左侧列表 -->
        <div class="col-md-8">
            <!-- 轮播图 -->
            <div class="row">
                <div class="col-md-12">
                    <div class="panel panel-default">
                        <div class="panel-body">
                            <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                                <!-- Indicators -->
                                <ol class="carousel-indicators">
                                    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                                    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                                    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                                    {if $setting.slide_image_4}<li data-target="#carousel-example-generic" data-slide-to="3"></li>{/if}
                                    {if $setting.slide_image_5}<li data-target="#carousel-example-generic" data-slide-to="4"></li>{/if}
                                </ol>

                                <!-- Wrapper for slides -->
                                <div class="carousel-inner" role="listbox">
                                    <div class="item active">
                                        {if $setting.slide_image_1}
                                        <a href="{$site_url}{if $lang=='zh-CN'}{else}/{$lang}{/if}{$setting.slide_url_1}" title="First Slide">
                                            <img width="100%"
                                                src="{if isset($setting['cdn_speed']) && $setting.cdn_speed == '1'}{else}{$site_url}{$setting.slide_image_1}{/if}"
                                                data-src="{$site_url}{$setting.slide_image_1}"
                                                alt="First Slide" />
                                            <div class="carousel-caption">
                                                <!-- ... -->
                                            </div>
                                        </a>
                                        {else}
                                        <a href="#" title="First Slide">
                                            <img width="100%"
                                                src=""
                                                alt="First Slide" />
                                            <div class="carousel-caption">
                                                <!-- ... -->
                                            </div>
                                        </a>
                                        {/if}
                                    </div>
                                    <div class="item">
                                        {if $setting.slide_image_2}
                                        <a href="{$site_url}{if $lang=='zh-CN'}{else}/{$lang}{/if}{$setting.slide_url_2}" title="Second Slide">
                                            <img width="100%"
                                                src="{if isset($setting['cdn_speed']) && $setting.cdn_speed == '1'}{else}{$site_url}{$setting.slide_image_2}{/if}"
                                                data-src="{$site_url}{$setting.slide_image_2}"
                                                alt="Second Slide" />
                                            <div class="carousel-caption">
                                                <!-- ... -->
                                            </div>
                                        </a>
                                        {else}
                                        <a href="#" title="Second Slide">
                                            <img width="100%"
                                                src=""
                                                alt="Second Slide" />
                                            <div class="carousel-caption">
                                                <!-- ... -->
                                            </div>
                                        </a>
                                        {/if}
                                    </div>
                                    <div class="item">
                                        {if $setting.slide_image_3}
                                        <a href="{$site_url}{if $lang=='zh-CN'}{else}/{$lang}{/if}{$setting.slide_url_3}" title="Third Slide">
                                            <img width="100%"
                                                src="{if isset($setting['cdn_speed']) && $setting.cdn_speed == '1'}{else}{$site_url}{$setting.slide_image_3}{/if}"
                                                data-src="{$site_url}{$setting.slide_image_3}"
                                                alt="Third Slide" />
                                            <div class="carousel-caption">
                                                <!-- ... -->
                                            </div>
                                        </a>
                                        {else}
                                        <a href="#" title="Third Slide">
                                            <img width="100%"
                                                src=""
                                                alt="Third Slide" />
                                            <div class="carousel-caption">
                                                <!-- ... -->
                                            </div>
                                        </a>
                                        {/if}
                                    </div>
                                    {if $setting.slide_image_4}
                                    <div class="item">
                                        <a href="{$site_url}{if $lang=='zh-CN'}{else}/{$lang}{/if}{$setting.slide_url_4}" title="Fourth Slide">
                                            <img width="100%"
                                                src="{if isset($setting['cdn_speed']) && $setting.cdn_speed == '1'}{else}{$site_url}{$setting.slide_image_4}{/if}"
                                                data-src="{$site_url}{$setting.slide_image_4}"
                                                alt="Fourth Slide" />
                                            <div class="carousel-caption">
                                                <!-- ... -->
                                            </div>
                                        </a>
                                    </div>
                                    {/if}
                                    {if $setting.slide_image_5}
                                    <div class="item">
                                        <a href="{$site_url}{if $lang=='zh-CN'}{else}/{$lang}{/if}{$setting.slide_url_5}" title="Five Slide">
                                            <img width="100%"
                                                src="{if isset($setting['cdn_speed']) && $setting.cdn_speed == '1'}{else}{$site_url}{$setting.slide_image_5}{/if}"
                                                data-src="{$site_url}{$setting.slide_image_5}"
                                                alt="Five Slide" />
                                            <div class="carousel-caption">
                                                <!-- ... -->
                                            </div>
                                        </a>
                                    </div>
                                    {/if}
                                </div>

                                <!-- Controls -->
                                <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                                    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                                    <span class="sr-only">Previous</span>
                                </a>
                                <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                                    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                                    <span class="sr-only">Next</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- panel左侧列表 -->
            {include file='index/inc/list.html'}

        </div>

        <!-- 右侧侧栏 -->
        {include file='index/sidebar.html'}

    </div>
</div>

{include file='index/footer.html'}